---

---

<a
  target="_blank"
  rel="noreferrer noopener"
  href="https://www.i18next.com/"
  class="group hover:no-underline relative overflow-hidden shadow-[inset_0_0_3rem_#7AB55C44] hover:shadow-[inset_0_0_8rem_#7AB55C44,0_0_2rem_#7AB55C44] border-[#7AB55C]/80 hover:border-[#7AB55C] bg-[#7AB55C]/20 backdrop-blur-sm border text-lime-300 p-4 flex-grow rounded-3xl flex flex-col items-start duration-500"
>
  <h1 class="text-2xl mt-2">i18next</h1>
  <span
    class="font-thin max-w-[28ch] mt-1 opacity-70 group-hover:opacity-100 duration-1000"
  >
    internationalization-framework written in and for JavaScript
  </span>
</a>
